<!-- 项目管理 -->
<template>
    <div class="page-box h100 display-flex czbj">
      <p class="title-label mb10">百科管理</p>
      <!-- sonRouter="yybureauFormationBJ" 为跳转新的页面编辑 -->
      <dxtable
        :dataJson="dataJson"
        :portUrl="portUrl"
        :formJson="formJson"
        :qx="qx"
        ref="databale"
      ></dxtable>
    </div>
  </template>
  <script lang="ts" setup>
  import dxtable from "../../components/util/dxtable.vue";
  import sort from "../../components/util/sort.vue";
  import { dxget, dxpost } from "../../util/index";
  import { NButton, NImage, NTag } from "naive-ui";
  import { h, ref, reactive, render } from "vue";
  const databale = ref();
  const initeer = () => {
    databale.value.initDataExpose();
  };
  let dataJson = [
    {
      title: "标题",
      type: "input",
      val: "",
      icon: "dx-shurukuang",
      span: 24,
      key: "Title",
      width: "",
      search: true,
      istable: true,
      required: false,
    },
    {
      title: "封面",
      type: "img",
      val: "",
      icon: "dx-img",
      span: 12,
      key: "Photo",
      width: "",
      search: false,
      istable: true,
      required: false,
    },{
      title: "类型",
      options:[],
      width: 150,
      type:"select",
      key:"ModeId",
      search: true,
      render(row){
         try{
            return dataJson[2].options.filter(a=>a.value==row.ModeId)[0].label
         }catch(e){
            return '--'
         }
      }
    },
    {
      title: "添加时间",
      key: "SubTime",
      width: 150,
    },
  ];
  
  const qx = {
    DeletePermissionID: "mloaddataadel", //删除
    EditPermissionIdentifier: "mloaddataabj", // 编辑
    NewPermissionIdentifier: "mloaddataaxz", // 新建
    ViewPermissionID: "mloaddataack", // 查看
  };
  const portUrl = "meilong/loaddata/loaddata?barid=20020";
  
  let formJson = reactive([
    {
      title: "标题",
      type: "input",
      val: "",
      icon: "dx-shurukuang",
      span: 24,
      key: "Title",
      width: "",
      search: false,
      istable: true,
      required: false,
    },
    {
      title: "封面",
      type: "img",
      val: "",
      icon: "dx-img",
      span: 12,
      key: "Photo",
      width: "",
      search: false,
      istable: true,
      required: false,
    },  {
      title: "类型",
      options:[],
      width: 150,
      type:"select",
      key:"ModeId",
      search: true,
    },
    {
      title: "详情",
      type: "fwb",
      val: "",
      icon: "dx-m-fuwenben",
      span: 24,
      key: "Detail",
      width: "",
      search: false,
      istable: true,
      required: false,
    },
  ]);
  const czFun = {
    fun: (row) => {
      return [
        h(
          NButton,
          {
            type: "info",
            quaternary: true,
            onClick: async (e) => {},
          },
          "复制代码"
        ),
      ];
    },
  };
  
  // 获取字典内容
  const xtgxxmfl = async () => {
    const { data }: any = await dxget("dxgjAdmin/getzd", { name: 'bainmeidfdsbbb' })
    dataJson[2].options = [
      {
        label: "全部",
        value: ""
      },
      ...data
    ]
    formJson[2].options = data
    xmlxSelect.value = data
    console.log(data);
  }
  xtgxxmfl()
  </script>
  <style scoped></style>
  